<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/main.css" rel="stylesheet" type="text/css">
    <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script>
    <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
    <script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>
    <link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
        myFocus.set({
            id:'picBox'
        })
    </script>
</head>
<body>
<div class="top">
    <div class="top_content">
        <ul>
            <li><a href="#" >联系我们</a></li>
            <li><a href="#" >加入收藏</a></li>
            <li><a href="#" >设为首页</a></li>
        </ul>
    </div>
</div><!--top结束语-->
<div class="wrap">
    <div class="logo">
        <div class="logo_left">
            <img src="images/logo.jpg" alt="慕课网">
        </div>
        <div class="logo_right">
            <img src="images/tel.jpg" alt="热线电话">
            24小时服务热线：
            <span class="tel">123-456-7890</span>
        </div>
    </div>
    <div class="nav">
        <div class="nav_left"></div>
        <div class="nav_mid">
            <div class="nav_mid_left">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="list.html">关于慕思</a></li>
                    <li><a href="list.html">新闻动态</a></li>
                    <li><a href="list.html">课程中心</a></li>
                    <li><a href="list.html">在线课程</a></li>
                    <li><a href="list.html">人才招聘</a></li>
                </ul>
            </div>
            <div class="nav_mid_right">
                <form action method="post">
                    <input type="text" class="search_text"/>
                </form>
            </div>
        </div>
        <div class="nav_right"></div>
    </div>
    <div class="ad" id="picBox">
        <div class="loading"><img src="images/loading.gif" alt="图片加载中"/></div>
        <div class="pic">
            <ul>
                <li><img src="images/ad2.jpg"></li>
                <li><img src="images/ad3.jpg"></li>
                <li><img src="images/ad4.jpg"></li>
            </ul>
        </div>
    </div>
    <div class="content">
        <div class="news">
            <div class="news_title">
                <h2 class="title_left">新闻中心</h2>
                <span class="title_right">
                    <a href="news.html">more&gt;&gt;</a>
                </span>
            </div>
            <div class="news_content">
                <img src="images/news.jpg">
                <h2 class="news_content_right"> 课程中心</h2>
                <p>活动时间：5月20日-5月25日</p>
                <p>公布时间：5月26日</p>
                <a  href="news.html">Learn More&gt;&gt;</a>
            </div>
            <div class="content_list">
                <ul>
                    <li><a href="news.html">慕课网这个东西是神恶魔呢</a> <span>2014-06-01</span></li>
                    <li><a href="news.html">慕课网这个东西是神恶魔呢</a> <span>2014-06-01</span></li>
                    <li><a href="news.html">慕课网这个东西是神恶魔呢</a> <span>2014-06-01</span></li>
                    <li><a href="news.html">慕课网这个东西是神恶魔呢</a> <span>2014-06-01</span></li>
                </ul>
            </div>
        </div>
        <div class="subject"></div>
        <div class="media"></div>
    </div>
</div><!--wrap结束语-->

</body>
</html>